<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="plugins/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="plugins/TouchSwipe/jquery.touchSwipe.min.js"></script>

<script>
$(function(){
  //swipe的dome
  $("#test").swipe({
    swipe:function(event,direction, distance, duration, fingerCount) {
      $(this).text("你用"+fingerCount+"个手指以"+duration+"秒的速度向" + direction + "滑动了" +distance+ "像素 " );
    },
  });
  
  //swipeStatus的dome
  $("#test2").swipe({
    swipeStatus:function(event, phase, direction, distance, duration,fingerCount) {
      $(this).text("你用"+fingerCount+"个手指以"+duration+"秒的速度向" + direction + "滑动了" +distance+ "像素 " +"你在"+phase+"中");
    },
  });
  
});
</script>
</head>
<body>
<div id="test" style="height:200px;background:#C63;-webkit-user-select:none; text-align:center; line-height:200px; color:#fff">swipe 的dome</div>
<div id="test2" style="height:200px; background:#C63; margin-top:20px;-webkit-user-select:none; text-align:center; line-height:200px; color:#fff">swipeStatus的dome</div>
</body>
</html>
